
  const layer = layui.layer
  // 获取用户的信息
  getUserInfo()
  function getUserInfo (){
    $.ajax({
      method:'get',
      url:'/my/userinfo',
      // headers 配置参数,请求头配置对象
      // headers:{
      //   Authorization:localStorage.getItem('token')
      // },
      success:function(res) {
        // console.log(res);
        if (res.status !== 0) {
          return layer.msg('获取用户信息失败')
        }
        //调用渲染函数
        renderAvatar(res.data)
      },
      // 无论当前请求成功或者失败，都会在整个请求过程的最后调用complete 回调函数
      complete: function(res) {
      console.log(res)
       if (res.responseJSON.status === 1 && res.responseJSON.message === '身份认证失败！') {
      // 1. 强制清空 token
      localStorage.removeItem('token')
      // 2. 强制跳转到登录页面
      location.href = '/login.html'
  }
}
    })
  }
  //染用户信息(昵称+头像)
  function renderAvatar(user) {
    // 1.获取用户名称(username/nickname)
    let name = user.nickname || user.username
    // 2.设置欢迎的文本
    $('#welcome').html(`欢迎 &nbsp;${name}`)

    if(user.user_pic !== null) {
      $('.layui-nav-img').attr('src',user.user_pic).show()
      $('.text-avatar').hide()
    }else {
      $('.layui-nav-img').hide()
      const first = name[0].toUpperCase()
      $('.text-avatar').html(first).show()
    }
  }

   // 点击按钮，实现退出功能
   $('#logOut').on('click', function(e) {
    e.preventDefault()
    // 提示用户是否确认退出
    layer.confirm('确定退出登录?', { icon: 3, title: '提示' }, function(index) {
      // 1. 清空本地存储中的 token
      localStorage.removeItem('token')
      //2.重定 => 退出登录应该跳转到登录框
      location.href = '/login.html'

      // 关闭 confirm 询问框
      layer.close(index)
    })
  })

